<template>
    <div>
      <a-input-number
        :default-value="1000"
        :formatter="value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
        :parser="value => value.replace(/\$\s?|(,*)/g, '')"
        @change="onChange"
      />
      <a-input-number
        :default-value="100"
        :min="0"
        :max="100"
        :formatter="value => `${value}%`"
        :parser="value => value.replace('%', '')"
        @change="onChange"
      />
    </div>
  </template>
  <script>
  export default {
    methods: {
      onChange(value) {
        console.log('changed', value);
      },
    },
  };
  </script>
  